<template>
  <common-card
    title="今日交易用户数"
    value="80,145">
    <template>
      <v-chart :option="getOptions()" class="echarts"/>
    </template>
    <template v-slot:footer>
      <span>退货率</span>
      <span class="emphasis">4.13%</span>
    </template>
  </common-card>

</template>

<script>
import commonCardMixin from '../../mixins/commonCardMixin'
import commonDataMixin from '../../mixins/commonDataMixin'

export default {
  mixins: [commonCardMixin, commonDataMixin],
  methods: {
    getOptions () {
      return {
        series: [{
          color: ['#3398DB'],
          type: 'bar',
          data: [410, 82, 200, 334, 390, 330, 220, 150, 82, 200, 135, 290, 330, 152],
          barWidth: '60%'
        }
        ],
        xAxis: {
          type: 'category',
          data: ['00:00', '01:00', '02:00', '03:00', '04:00', '05:00', '06:00', '07:00', '08:00', '09:00', '10:00', '11:00', '12:00', '13:00'],
          show: false
        },
        yAxis: {
          show: false
        },
        grid: {
          top: 0,
          bottom: 0,
          left: 0,
          right: 0
        }
      }
    }
  }
}
</script>

<style lang="scss" scoped>
</style>
